<!DOCTYPE html>
<html lang="en">
<head>
    <title>计算机科学与技术学院 学生工作</title>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="style/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="style/listPage.css">
    <link rel="stylesheet" type="text/css" href="style/fixed.css">

</head>
<body>
<div class="container">
    <header>
        <div><a href="#"><img src="style/logo.png"></a></div>
        <div class="search">
            <div class="search-part">
                <form action="listPage.php" method="post" enctype="application/x-www-form-urlencoded">
                    <input type="text" class="search-text" placeholder="search" name="search"/>
                    <input type="submit" value="" class="search-logo">
                </form>
            </div>
        </div>
        <nav class="title">

            <a href="index.html">网站首页</a>
            <a class="selected" href="#">通知公告</a>
            <a href="#">规章制度</a>
            <a href="#">违纪通报</a>
            <a href="#">创客空间</a>
            <a href="#">学风建设</a>
            <a href="#">学生党建</a>
            <a href="#">团学组织</a>
        </nav>
    </header>
    <div class="content">
        <div class="left">
            <div class="new-option">
                <ul>
                    <li>
                        <a href="#">通知公告</a>
                    </li>

                </ul>
            </div>
            <h3>本版热门</h3>
            <div class="news-picture"></div>
        </div>
        <div class="mid">
            <div class="topLink">
                <p>
                    <a href="#">首页</a>
                    <a href="#">通知公告</a>
                </p>
            </div>
            <div class="news">
                <ul><?php
                    require_once 'function/search.php';
                    foreach ($article as $value)
                    {?>
                        <li>
                            <div class="article-content">
                                <div class="article-img"><a href="#"><img src="style/default.jpg" ></a></div>
                                <div class="article-detail">
                                    <h6><a href="#"><?=$value['name'];?></a></h6>
                                    <span><?=$value['date'];?></span>
                                    <p><?=$value['content'];?></p>
                                    <p class="condition">
                                        <span class="read" ><i class="fa fa-eye" ><?=$value['times'];?></i></span>
                                    </p>
                                </div>
                            </div>
                        </li>
                    <?php }?>
                </ul>
            </div>
        </div>
        <div class="right">
            <h4>热门文章</h4>
            <h5>MOST ACTIVE</h5>
            <ul>
                <li><a href="#">BXS(Best eXcited Security)安全小组</a></li>
                <li><a href="#">BXS(Best eXcited Security)安全小组</a></li>
                <li><a href="#">BXS(Best eXcited Security)安全小组</a></li>
                <li><a href="#">BXS(Best eXcited Security)安全小组</a></li>
                <li><a href="#">BXS(Best eXcited Security)安全小组</a></li>


            </ul>
        </div>
    </div>
    <footer>
        <p>苏ICP备05007141号-1 地址：江苏省徐州市大学路1号中国矿业大学南湖校区</p>
        <p>制作与维护:LikyhStudio Copyright@ 2004-2018 LikyhStudio <a href="">站长统计</a></p>
    </footer>
</div>
</body>
</html>